@import "../../common/css/variables.scss";
@import "../../../common/css/size.scss";

/*产品详情页中的行为按钮样式*/
.proDetailAct{
  width: 100%;
  height: $_50;
  background: #fff;
  position: absolute;
  bottom: 0;  
  box-shadow:$_1 -$_5 $_5 rgba(205,210,212,0.20);
  .service{
    background: url('../img/product/icon_service.png') no-repeat;
    background-size: $_19;
    background-position: center $_8;
    padding-top: $_27;
    text-align: center;
    font-size: $_12;;
    color: #798084;
    letter-spacing: $_2;
    width: 33.3%;
  }
  .cart, .order{
    width: 33.3%;
    text-align: center;
    line-height: $_50;
    font-size: $_16;
    color: #FFFFFF;
    letter-spacing: $_2;
  }
  .service.width2,.cart.width2, .order.width2{
    width: 50%;
  }
  .cart{
    background: #4ED1E1 ;
  }
  .order{
    background: $cMain;
  }

}

/*产品详情新样式0316*/
.m-proDetail{
  height: 100%;
  width: 100%;
  .proDetail{
    width: 100%;
    height: calc(100% - #{$_50});
    position: absolute;
    overflow-y:auto;
  }
 
  .proItemN3{
    width: 100%;
    height: $_234;
    background: blueviolet url('../img/product/bg_product.png') no-repeat center;
    background-size: $_375 $_234;
    .proItemN3Wrap{
      // padding: $_12;
      // margin: 0 auto;
      // width: calc(100% - #{$_24});
      // height: calc(100% - #{$_24});
      padding: $_2 $_12 0 $_14;
      width: calc(100% - #{$_26});
      height: calc(100% - #{$_16});
      .logoPro{
        width: $_150;//138/40
        height: $_44;
      }
      .proBtn{
        font-size: $_14;
        color: #ffffff;
        padding: $_2 $_16;
        border: $_2 solid #fff;
        border-radius: $_20;
        letter-spacing: $_2;
        background: rgba(0,0,0,0);
        margin-top: $_3;
      }
      .p5{
        width: 100%;
        .top{
          font-size: $_16;
          color: #fff;
        }
        .bottom{
          color: #fff;
          letter-spacing: $_1;
          margin-top: $_5;
        }
      }
    }
  }
  .pdfView{
    width: $_350;
    height: $_476;
    margin: 0 auto $_20;
    background-size: $_350 $_476;
    // background: url('');
    button{
      background: rgba(0,0,0,0);
      color: $cMain;
      letter-spacing: $_1;
      width: $_82;
      height: $_33;
      border: $_1 solid $cMain;
      border-radius: $_20;
      margin: $_20;
    }
  }

  #proDetailSwiper{
  .htmlContent{
    padding: 0 0 $_10;
      img{
        width: 100% !important;
        height: auto!important;
    }
  }
}
}
.actsModals{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  li{
    background:rgba(255,255,255,0.9);
    height: $_50;
    line-height: $_50;
    border-bottom: $_1 solid #DBDCDD;
    text-align: center;
    font-size: $_18;
    color: #383737;
    letter-spacing: $_2;
  }
  .e-close{
    margin-top: $_6;
  }
}
